{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta name="viewport" content="width=device-width, initial-scale=1">


    <!-- 新 Bootstrap5 核心 CSS 文件 -->
    <link rel="stylesheet" href="{% static "css/bootstrap.min.css" %}" type="text/css">
    <script src="{% static "js/jquery-3.6.0.min.js" %}"></script>
    <!--  popper.min.js 用于弹窗、提示、下拉菜单 -->
    <script src="{% static "js/2.11.5popper.min.js" %}"></script>

    <!-- 最新的 Bootstrap5 核心 JavaScript 文件 -->
    <script type="text/javascript" src="{% static "js/bootstrap.min.js" %}"></script>

    <!--  https://bootstrapshuffle.com/classes   https://getbootstrap.com/docs/5.0  -->

    <style>
        textarea {
            width: 100%;
            min-height: 500px;
        word-break: break-all;
        }
     </style>

</head>
<body>
<form role="form">
    <div class="mb-3">
        <label class="form-label" style="font-size:20px;font-weight: bold">机器名称：</label>
        <input type="text" name="jq_username" id="jq_username" class="form-control">
    </div>

    <div>

        <div class="el-col-md-12">
            <input type="button" class="btn btn-success" value="关闭swap" id="id_SSHStopSwap">
            &nbsp;&nbsp;
            <input type="button" class="btn btn-danger" value="打开swap" id="id_SSHStartSwap">
            &nbsp;&nbsp;
            <input type="button" class="btn btn-success" value="查看swap" id="id_SSHStatusSwap">
            &nbsp;&nbsp;
            <input type="button" class="btn btn-danger" value="查看是否被渲染" id="id_SSHStatusXR">
            &nbsp;&nbsp;
            <input type="button" class="btn btn-success" value="关闭所有maya" id="id_SSHStopMaya">
            &nbsp;&nbsp;
            <input type="button" class="btn btn-danger" value="锁定渲染" id="id_SSHStopXR">
            &nbsp;&nbsp;
            <input type="button" class="btn btn-success" value="nvidia-smi状态" id="id_SSHStatus_nvidia">
            &nbsp;&nbsp;
            <input type="button" class="btn btn-danger" value="硬盘类型(0 SSD)" id="id_SSHStatus_yingpan">
            &nbsp;&nbsp;
            <input type="button" class="btn btn-success" value="关闭dolphin" id="id_SSHStopDolphin">
            &nbsp;&nbsp;
            <input type="button" class="btn btn-danger" value="查看CPU型号" id="id_SSHStatusCPU">
            &nbsp;&nbsp;
            <input type="button" class="btn btn-success" value="内存条信息" id="id_SSHStatusMemory">
            &nbsp;&nbsp;
            <input type="button" class="btn btn-danger" value="CPU资源前十" id="id_SSHCPUshi">
            &nbsp;&nbsp;
            <input type="button" class="btn btn-success" value="内存资源前十" id="id_SSHMemoryshi">
            &nbsp;&nbsp;
            <input type="button" class="btn btn-danger" value="CPU数量信息" id="id_SSHWuliCpu">
             &nbsp;&nbsp;
            <input type="button" class="btn btn-success" value="手动pupdate" id="id_SSHpupdate">

        </div>

    </div>
    <div  >
        <br>
        <textarea id="textarea_1" style="resize:none" >

    </textarea>
    </div>

</form>

<!-- 添加csrf_token -->
{% csrf_token %}
<script>

    // 提交按钮的点击事件   发送ajax请求
    // 点击按钮发送ajax请求
    //  #username 书写时不会自动 补全

    $("#id_SSHpupdate").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHpupdate',  // 给views传一个shell_comm值，用来判断具体执行的是啥命令
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })
    

    $("#id_SSHStatusSwap").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHStatusSwap',  // 给views传一个shell_comm值，用来判断具体执行的是啥命令
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })


    $("#id_SSHStopSwap").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHStopSwap',  // 给views传一个shell_comm值，用来判断具体执行的是啥命令
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })


    $("#id_SSHStartSwap").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHStartSwap',
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })





    $("#id_SSHStatusXR").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHStatusXR',
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })


    $("#id_SSHStopMaya").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHStopMaya',
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })


    $("#id_SSHStopXR").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHStopXR',
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })


    $("#id_SSHStatus_nvidia").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHStatus_nvidia',
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })


    $("#id_SSHStatus_yingpan").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHStatus_yingpan',
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })


    $("#id_SSHStopDolphin").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHStopDolphin',
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })


    $("#id_SSHStatusCPU").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHStatusCPU',
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })


    $("#id_SSHStatusMemory").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHStatusMemory',
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })


    $("#id_SSHCPUshi").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHCPUshi',
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })


    $("#id_SSHMemoryshi").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHMemoryshi',
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })


    $("#id_SSHWuliCpu").click(function () {
        var csrf = $('input[name="csrfmiddlewaretoken"]').val();  //增加csrf变量将在data中传参以避免403错误
        $.ajax({
            url: '/zcdzcd/',   // 1.指定朝哪个后端发送ajax请求
            type: 'post',  // 2.请求方式   ,不指定默认就是get，都是小写
            data: {
                'jq_username': $('#jq_username').val(),
                'shell_comm': 'id_SSHWuliCpu',
                // 3.数据
                // 自己结合自己需求 合理选择
                'csrfmiddlewaretoken': csrf
            },
            // 4.回调函数:当后端给你返回结果的时候会自动触发，args接受后端的返回结果
            success: function (args) {
                if (args.code == 1000) {
                    $('#textarea_1').val(args.self_stdout)
                } else {
                    // 渲染错误信息
                    $('#textarea_1').val(args.msg)
                }

            }
        })
    })

</script>

</body>
</html>
